<HTML>
<HEAD>
<TITLE>JavaScript Source Code 3000:  Forms:  Agree Before Entry</TITLE>
<META HTTP-EQUIV="JavaScript Source Code 3000" CONTENT = "no-cache">
<META NAME="date" CONTENT="2000-09-09">
<META NAME="channel" CONTENT="Web Developer">
<META NAME="author" CONTENT="JavaScript Source Code 3000">
<META NAME="section" CONTENT="Forms">
<META NAME="description" CONTENT="JavaScript will only let you enter your name in this form if you indicate you agree to the terms by first clicking the I Agree radio button.  If you agree, you can enter your name.  But, if you disagree, you will not be able to enter or edit your name.  When you disagree, the box is 'locked.'  Useful if you require your visitors to accept a disclaimer before downloading software or visiting a section of your members-only site.">

<SCRIPT LANGUAGE="JavaScript">




<!-- Begin

agree = 0;  // 0 means 'no', 1 means 'yes'

//  End -->
</script>
</HEAD>

<BODY BGCOLOR=#ffffff vlink=#0000ff>

<BR>
<center>
<table width=600 cellpadding=0 cellspacing=10>
<tr>
<td width=468 align=center>

    
    
</td>
<td width=120 align=center>
    
</td>
</tr>
</table>
<BR>
<BR>
<basefont size=3>
<FONT SIZE="+2" FACE="Helvetica,Arial">
<A HREF="../index.htm" /" TARGET="_top"><FONT COLOR="#0000FF"><b>Home</b></font></A>
<img src="../img/arrow.gif" /img/arrow.gif" height=13 width=7 border=0 alt="}">
<A HREF="index.htm" /forms/" ><font color="#FF0000"><b>Forms</b></font></A>
<img src="../img/arrow.gif" /img/arrow.gif" height=13 width=7 border=0 alt="}">
<FONT COLOR="#006666"><b>Agree Before Entry</b></font></font>
<BR>
<BR>
<table BORDER=0 WIDTH=486 CELLPADDING=3 CELLSPACING=0>
<tr><td><font FACE="helvetica,arial,geneva">
<br>
<br>
<!-- Description --><!--content_start-->
JavaScript will only let you enter your name in this form if you indicate you agree to the terms by first clicking the I Agree radio button.  If you agree, you can enter your name.  But, if you disagree, you will not be able to enter or edit your name.  When you disagree, the box is 'locked.'  Useful if you require your visitors to accept a disclaimer before downloading software or visiting a section of your members-only site.
<hr>
</td></tr>
</table>
<!-- Demonstration -->
<center>
<form name=enableform>
You can only enter your name if you agree to the terms. (just a demo)<br>
<br>
<input type=radio name='enable' value='agree' onClick="agree=1; document.enableform.box.focus();">I agree<br>
<input type=radio name='enable' value='disagree' onClick="agree=0; document.enableform.box.value='';">I disagree<br>

Please enter your name:  

<input type=text name=box onFocus="if (!agree)this.blur();" onChange="if (!agree)this.value='';" size=12>
<br>
<br>
<input type=submit value="Done!">
</form>
</center>
<P>
<P>
<a name="source">
<table BORDER=0 WIDTH=486 CELLPADDING=3 CELLSPACING=0>
<tr><td BGCOLOR=yellow><font FACE="helvetica,arial,geneva"><b>JavaScript Source Code 3000:  Forms:  Agree Before Entry</b>
<p>Simply click inside the window below, use your cursor to highlight the script, and copy (type Control-c or Apple-c) the script into a new file in your text editor (such as Note Pad or Simple Text) and save (Control-s or Apple-s).  The script is yours!!!
<br><br></font></td></tr>
<tr><td BGCOLOR=yellow ALIGN=CENTER>
<form NAME="copy">

<DIV align="center">
<input type=button value="Highlight All" onClick="javascript:this.form.txt.focus();this.form.txt.select();">&nbsp;&nbsp;&nbsp;&nbsp;
<INPUT TYPE="text" NAME="total" VALUE="Script Size:  1.12 KB" size=24>
</DIV>

<textarea NAME="txt" ROWS=20 COLS=75 WRAP=VIRTUAL>

&lt;!-- TWO STEPS TO INSTALL AGREE BEFORE ENTRY:

  1.  Copy the coding into the HEAD of your HTML document
  2.  Add the last code into the BODY of your HTML document  --&gt;

&lt;!-- STEP ONE: Paste this code into the HEAD of your HTML document  --&gt;

&lt;HEAD&gt;

&lt;SCRIPT LANGUAGE="JavaScript"&gt;

&lt;! &gt;
&lt;! &gt;

&lt;!-- Begin

agree = 0;  // 0 means 'no', 1 means 'yes'

//  End --&gt;
&lt;/script&gt;
&lt;/HEAD&gt;

&lt;!-- STEP TWO: Copy this code into the BODY of your HTML document  --&gt;

&lt;BODY&gt;

&lt;center&gt;
&lt;form name=enableform&gt;
You can only enter your name if you agree to the terms. (just a demo)&lt;br&gt;
&lt;br&gt;
&lt;input type=radio name='enable' value='agree' onClick="agree=1; document.enableform.box.focus();"&gt;I agree&lt;br&gt;
&lt;input type=radio name='enable' value='disagree' onClick="agree=0; document.enableform.box.value='';"&gt;I disagree&lt;br&gt;

Please enter your name:  

&lt;input type=text name=box onFocus="if (!agree)this.blur();" onChange="if (!agree)this.value='';" size=12&gt;
&lt;br&gt;
&lt;br&gt;
&lt;input type=submit value="Done!"&gt;
&lt;/form&gt;
&lt;/center&gt;

 

&lt;!-- Script Size:  1.12 KB --&gt;</textarea><br><font FACE="helvetica,arial,geneva"></font></td></tr>

</table>
</form>
</FONT>
</CENTER>


</center>
</body></html>



